<template>
    <div class="container">
      <Banner></Banner>

      <div class="main-wrap">
        <div class="main-core">

          <div class="left-list">
            <RecommendList></RecommendList>
            <DiskList></DiskList>
          </div>

        </div>
      </div>
    </div>
</template>

<script>
import Banner from 'Views/home/banner'
import RecommendList from 'Views/home/recommend-list'
import DiskList from 'Views/home/disk-list'

export default {
  name: 'myIndex',

  data() {
    return {
      
    }
  },

  components:{
    Banner,
    RecommendList,
    DiskList
  },

  methods: {
   
  }
}
</script>
<style lang="scss" scoped>
  .container{
    background: #f5f5f5;
    padding-bottom: 54px;
  }
  .main-wrap {
      width: 980px;
      min-height: 700px;
      margin: 0 auto;
      overflow: hidden;
      background: #fff;
      border: 1px solid #d3d3d3;

      .main-core {
          float: left;
          width: 100%;
          margin-right: -250px;

          .left-list {
          margin-right: 251px;
          padding: 20px 20px 40px;
          }
      }

      .right-info {
          position: relative;
          float: right;
          width: 250px;
          zoom: 1;
      }
  }
</style>
